// 动态获取提示文本框宽度
 var w = $(".flash-text-box").width();
 $(".flash-text-box").css("margin-left", -(w+72)/2+ "px");//72框的左右padding宽度之和



// 点击遮罩层，关闭所有的弹窗
$(".mask").click(function(){
    if ($(".show").css("display") == 'block'){
        return;
    }else{
        $(this).fadeOut(200);
        $(".popup").fadeOut(200);
        $(".fixed").slideUp(200);
        hideMask();
    }
})

$(".mask-high").click(function(){
    if ($(".show").css("display") == 'block'){
        return;
    }else{
        $(this).fadeOut(200);
        $(".popup.high").fadeOut(200);
        $(".fixed.high").slideUp(200);
    }
})

// 点击关闭icon，关闭当前的弹窗，关闭遮罩层
$(".icon-close").click(function(){
    $(this).parents(".popup").fadeOut(200);
    $(this).parents(".fixed").slideUp(200);
    if($(this).parents(".popup").hasClass("high")){
        hideHighMask();
    }else{
        hideMask();
    }
})

// 底部弹窗点击取消/确定关闭当前的弹窗
$(".fixed-tit").on("click", ".cancel", function () {
    $(this).parents(".fixed").slideUp(200);
    if($(this).parents(".popup,.fixed").hasClass("high")){
        hideHighMask();
    }else{
        hideMask();
    }
})

// // 弹出层单选
// $(".select-list").on("click","li",function(){
//     $(this).addClass("select").siblings("li").removeClass("select");
//     $(".select-list").find(".icon-select").removeClass("select");
//     $(this).find(".icon-select").addClass("select");
//     $(this).parents(".fixed").slideUp(200);
//     if($(this).parents(".fixed").hasClass("high")){
//         hideHighMask();
//     }else{
//         hideMask();
//     }
// })



// 有按钮关闭全屏弹窗
$(".cover-btn").click(function(){
    $(this).parents(".cover").fadeOut(200); 
    $("body,html").css({"overflow": "auto", "position": "inherit"});
    
})




/**
 * 点击弹窗列表为某个对象赋值
 * @param {*} box 当前所展示的弹窗
 * @param {*} target 需要为其赋值的对象
 */
function selectVal(box,target){
    $(box).find(".select-list").on("click", "li", function () {
        var val = $(this).children("p").text();
        $(target).html(val);
        console.log(val);
        $(this).addClass("select")
            .siblings("li").removeClass("select");
            $(this).parents(".popup,.fixed").fadeOut(200);
            if($(this).parents(".popup,.fixed").hasClass("high")){
                hideHighMask();
            }else{
                hideMask();
            }
    })

}

/**
 * 
 * @param {*} obj 点击的对象
 * @param {*} popup 弹出的框
 */
function cardPopup(obj,popup){
    $(obj).click(function () {
        showHighMask();
        $(popup).fadeIn(200);
    })  
}

/**
 * 判断input是否有值，如果没有值不显示后方的删除icon，如果有值则显示后方的删除icon
 * @param obj 点击的输入框
 */
function inputVal(obj){
    //输入框正在输入时
    $(obj).on('input',function(){
        if(!($(this).val()=="")){
            $(this).siblings(".icon-del").removeClass('none');
        }else{
            $(this).siblings(".icon-del").addClass('none');
        }
    })
    //输入框得到焦点时
    $(obj).on('focus',function(){
        if(!($(this).val()=="")){
            $(this).siblings(".icon-del").removeClass('none');
        }else{
            $(this).siblings(".icon-del").addClass('none');
        }
    })
    //输入框失去焦点时
    $(obj).on('blur',function(){
        if(($(this).val()=="")){
            $(this).siblings(".icon-del").addClass('none');
        }else{
            $(this).siblings(".icon-del").removeClass('none');
        }
    })
}
/**
 * 点击删除icon，清空兄弟结点input的值
 * @param obj
 */
function inputValdel(obj){
    $(obj).click(function(){
        $(this).siblings(".input").val("");
        $(this).addClass("none");
    })
}



/**
 * 显示隐藏遮罩层
 */
function showMask(){
    $(".mask").fadeIn(200);
    $("body,html").css({ "height" : "100%","overflow": "hidden"});
}
function hideMask(){
    $(".mask").fadeOut(200);
    $("body,html").css({"overflow": "auto", "height" : "auto"});
    
}

function showHighMask(){
    $(".mask-high").fadeIn(200);
    $("body,html").css({"overflow": "hidden", "position": "fixed"});
    
}
function hideHighMask(){
    $(".mask-high").fadeOut(200);
    $("body,html").css({"overflow": "auto", "position": "inherit"});
    
}
